/**
 * 立即执行函数
 */
//(function(){}());
// 焦点图
(function focus(){
    console.log('over...');
    //让图片动起来 时间1s 2s show/hide
    //计算图片的个数
    var count = $('.box_pic a').length;
    //alert(count);
    //设置一个初始化变量
    var c = 0;
    function run(){
        c++;
        //当c这个索引==图片的个数时，意味着最后一个图了，那么
        //把c归为0，否则还是c
        c = (c==count) ? 0 :c;
        console.log(c);
        $('.box_pic a').eq(c).show().siblings('a').hide();
        $('.arrow li').eq(c).addClass('cur').siblings('li').removeClass('cur');
    }
    //需要一个定时器
    var timer = setInterval(run,2000);

    //当鼠标在li上悬停或移出相关 hover可以替代onmouseover和onmouseout
    $('.arrow li').hover(function(){
        clearInterval(timer);
        //获取索引赋值
        c = $(this).index();
        $('.box_pic a').eq(c).show().siblings('a').hide();
        $('.arrow li').eq(c).addClass('cur').siblings('li').removeClass('cur');
    },function(){
        timer = setInterval(run,2000);
    });
}());
